<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dream Travel</title>

<!--[if IE ]>
<link rel="stylesheet" href="Style/IE6_style.css" type="text/css" />
<![endif]-->

<link href="Style/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="Style/jquery.fancybox-1.3.1.css" />
<script type="text/javascript" src="Scripts/jquery-1.4.2.js"></script>
<script src="Scripts/jqFancyTransitions.1.7.js" type="text/javascript"></script> 
<script type="text/javascript" src="Scripts/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="Scripts/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="Scripts/DreamTravel.js"></script>
<script type="text/javascript" src="Scripts/hoverIntent.js"></script>
<script type="text/javascript" src="Scripts/superfish.js"></script>

</head>
<body>

<?php

include ('bg.php'); //Dit zorgt voor de achtergrond
include ('header.php'); //Dit zorgt voor de kop
include ('menu.php'); // Dit zorgt voor het menu
include ('slideshow.php'); // Dit zorgt voor de slideshow


?>


       <!--	Colum Wrapper	-->
        <div id="Col_W">
            <!--	Colum 1		-->
            <div id="Col1">
            <!--	SubMenu		-->
            <div class="Bx">
            	<h2>Our Services</h2>
                <ul id="SubMenu">
                	<li><span>Whole day trips</span></li>	
                    <li><a href="#">Holidays offer</a></li>
                    <li><a href="#">Last minute</a></li>
                    <li><a href="#">Tailor made travel</a></li>
                </ul>
            </div>
            <!--	SubMenu End		-->
            <div class="clear"></div>
            <!--	Book now	-->
            <div class="Bx">
           	  <h2>Book now!</h2>
              	<a href="#BookNow_Box" class="BookNow_Lnk"><img src="Images/BookNow.jpg" width="230" height="55" alt="Book your travel!" /></a>
              </div>            
            <!--	Book Now End	-->
            <!--	Banner	-->
            <div class="Bx">
           	  <h2>Recommendation</h2>
              	<a href="#"><img src="Images/Banner.jpg" width="230" height="120" alt="Banner" /></a>
              </div>            
            <!--	Banner End	-->
            </div>
            <!--	Colum 1 End		-->
            <!--	Colum 2 	-->
            <div id="Col2">
            	<!--	Colum 2.1	-->

                <!--	Colum 2.1 End	-->
                <!--	Colum 2.2	-->
                <div class="Col2_2">
                <h2>Contact Formulier</h2>
                	<div class="Static">
                        <p>Heeft u vragen en/of opmerkingen, dan kunt u deze hier naar mij mailen.</p>
                        <form id="ContactForm" action="#">
                        <div class="ContactFrn">
                            <label>Uw naam:</label>
                            <input type="text" />
                            <label>Uw emailadres:</label>
                            <input type="text" />
                            <label>Uw bericht:</label>
                            <textarea cols="3" rows="4"></textarea>
                        </div>
                            <input type="button" value="Semd Message" class="Send" />
                        </form>
				  </div>
                </div>
                <!--	Colum 2.2 End	-->
                <div class="clear"></div>
            </div>
            <!--	Colum 2 End		-->
            <div class="clear"></div>
        </div>
        <!--	Colum Wrapper End	-->
    </div>
    <div class="clear"></div>
    <!--	Footer	-->
    <div id="Ft_W">
    	<div id="Ft">
        <ul>
            <li class="First"><a href="index.html">Home</a></li>
            <li><a href="StaticPage.html">About</a></li>
            <li><a href="Prices.html">Prices</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="StaticPage.html">About</a></li>
            <li><a href="Prices.html">Prices</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="newspage.html">News</a></li>
            <li><a href="contact.html" class="selected">Contact</a></li>
        </ul>
        <p>Copyright 2010 <b>DreamTravel</b><span>I</span>All right reserved<span>I</span> Design by: <a href="#" class="selected">ENDORA</a></p>
        </div>
    </div>
    <!--	Footer End	-->
</div>
<!--	Book Now	-->
<div style="display:none">
    <div id="BookNow_Box">
        <h1>Book you travel!</h1>
        <h3>Chose you destination...</h3>
        <form name="Book_Now" action="#">
        <div class="B_col1">
			<label>Your name:</label>
        	<input type="text" />
			<label>Your e-mail:</label>
        	<input type="text" />
			<label>Your phone:</label>
        	<input type="text" />
			<label>Your message:</label>
        	<textarea cols="3" rows="4"></textarea>
        </div>
        <div class="B_col2">
			<label>Rooms:</label>
        	<input type="text" />
			<label>Check-In:</label>
        	<input type="text" />
			<label>Check-Out:</label>
        	<input type="text" />
            <label>Chose your destination:</label>
            <select>
            <option>Germany</option>
            <option>Italy</option>
            <option>France</option>
            <option>Australia</option>
            <option>Usa</option>
            <option>Croatia</option>
            </select>
			<label>Your location:</label>
        	<input type="text" />
        </div>
        <div class="clear"></div>
		<input type="button" value="Semd Message" class="Send" />
        <input type="reset" value="Reset" class="Reset" />
        </form>
        <a class="close" href="#" onclick="$.fancybox.close()">Close</a>
    </div>
</div>
<!--	Book Now	-->
</body>
</html>
